<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title lang="en">
    test_blackjack.air test report
    </title>
    
    <!--[if lt IE 9]>
    <script src="https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    

    <link href="d:/mhtool/airtest/airtest/airtest/report/css/bootstrap.min.css" rel="stylesheet">
    <link href="d:/mhtool/airtest/airtest/airtest/report/css/main.css" rel="stylesheet">

    <link href="d:/mhtool/airtest/airtest/airtest/report/css/report.css" rel="stylesheet">
    <link href="d:/mhtool/airtest/airtest/airtest/report/css/jquery.fancybox.css" rel="stylesheet">
    <link href="d:/mhtool/airtest/airtest/airtest/report/css/animate.css" rel="stylesheet">

    <script src="d:/mhtool/airtest/airtest/airtest/report/js/jquery-1.10.2.min.js"></script>
    <script src="d:/mhtool/airtest/airtest/airtest/report/js/echarts/echarts.common.min.js"></script>
    <script src="d:/mhtool/airtest/airtest/airtest/report/js/echarts/shine.js"></script>
    <script src="d:/mhtool/airtest/airtest/airtest/report/js/jquery-lang.js" charset="utf-8" type="text/javascript"></script>
    <script src="d:/mhtool/airtest/airtest/airtest/report/js/langpack/zh_CN.js" charset="utf-8" type="text/javascript"></script>
    <script src="d:/mhtool/airtest/airtest/airtest/report/js/lazyload.js" charset="utf-8" type="text/javascript"></script>
    <script type="text/javascript">
        var lang = new Lang();
        lang.init({
            defaultLang: 'en',
            currentLang: 'zh'
        });
    </script>
    <style>
    h2.header {
        background-color: #3498db;
        color: white;
        padding: 10px;
        margin-bottom: 10px;
    }
    h2.danger {
        background-color: #d43f3a;
        color: white;
        padding: 10px;
        margin-bottom: 10px;
    }

    h2 {
      font-size: 25px;
    }

    body {
      overflow-x: hidden;
    }

    div.screen_holder {
      /*position: relative;*/
      position: absolute;
      margin-top: 10px;
    }

    div.screen_holder img {
      /*max-height: 600px;*/
    }

    img.crop_image {
      display: block;
    }

    img.spot {
      position: absolute;
      width:50px;
      height:50px;
      margin-left: -25px;
      margin-top: -25px;
    }

    div.arrow {
      display: flex;
      align-items: center;
      left: 100px;
      top: 100px;
      position: absolute;
      width: 120px;
      margin-top: -15px;
      margin-left: -6px;
    }

    div.start {
      width: 12px;
      height: 12px;
      border-radius: 6px;
      background-color: red;
    }

    div.line {
        /* width:500px; */
      flex: 1;
      background:red;
      height:10px;
    }

    div.end {
      width: 0;
	  height: 0;
	  border-top: 15px solid transparent;
	  border-bottom: 15px solid transparent;
	  border-left: 20px solid red;
    }

    img.vector {
    }

    img#gif{
      max-width: 100%;
      min-height: 50px;
      max-height: 380px;
    }
    
    div.rect {
      position: absolute;
      border:2px solid red;
      border-radius: 5px;
      z-index: 99;
    }

    p.desc {
      font-weight: bold;
      font-size: 16px;
    }

    .moa label {
      font-size: 16px;
    }

    .moa .point {
      font-size: 20px;
      padding: 10px;
      display: inline-block;
    }

    pre {
      background-color: #23241f;
    }

    img.error-img {
      max-width: 70px !important;
    }

    .ztree span.glyphicon {
      color: red;
    }

    .scale {
      transform-origin:top left;
    }

    #main {
      padding-top: 10px;
      min-height: 600px;
    }

    .fast-nav-step {
      position: fixed;
      right: 30px;
      bottom: 10px;
      z-index: 10;
      padding: 10px 20px;
      margin-left: 30px;
      background: rgba(222,222,222,0.8);
    }

    .fast-nav-step label {
      display: block;
      border-bottom: 1px solid #7f8c8d;
      padding-bottom: 6px;
      margin-bottom: 12px;
      color: #34495e;
    }

    .a-circle {
      display: inline-block;
      width: 30px;
      height: 30px;
      border-radius: 25px;

      padding-top: 4px;

      text-align: center;
      color: white; 
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }
    
    .fast-nav-step .a-circle:hover {
      opacity: 0.9;
      box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);    
    }

    #nav_steps {
      max-height: 600px;
      transition: max-height 0.25s ease-in;
    }

    #nav_steps.collapsed {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.15s ease-out;
    }

    div.assert {
      padding-left: 20px;
    }
    .gif-wrap {
        max-height: 400px;
        text-align: center;
    }
    /* 展开与收缩 */
    .airdesc-wrap{
        line-height: 1.8;
        margin-top: 0px;
        width: 100%;
    }
    .airdesc-wrap .airdesc{
        padding: 0 20px;
        overflow: hidden;
    }

    .airdesc-wrap .glyphicon {
        width: 100%;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
    }

    </style>
  </head>

  <body>

    <div class="container-fluid" style="max-width:1400px;">
      <div class="row">
        <div id="main" class="main col-md-12">

          

          <div class="material moa" >
              <h2><span lang="en">Test Case</span> test_blackjack.py
              
              <label class="green" lang="en">[Passed]</label>
              
            </h2>
            
                <h4><span lang="en">Author:</span> 刘欣</h4>
            
            
            
            <h4><span lang="en">Time:</span>2019-05-27 09:49:01 -- 2019-05-27 09:49:19</h4>

            

            <h2 class="header" lang="en">Assert: Test Steps Summary</h2>
            <hr>
            <div class="row">
            
              
            
              
            
              
            
              
            
              
            
              
                <div class="col-xs-4 assert">
                    <span lang="en">Test step</span>
                  
                  <a class="a-circle bg-green" href="#main_script_6">6</a>
                  
                    <span lang="en">Expected result:</span>请下注
                </div>
              
            
              
            
              
            
              
            
              
                <div class="col-xs-4 assert">
                    <span lang="en">Test step</span>
                  
                  <a class="a-circle bg-green" href="#main_script_10">10</a>
                  
                    <span lang="en">Expected result:</span>Swipe succeed
                </div>
              
            
              
            
              
            
              
            
            </div>
          </div>

          <!-- 录屏 -->
          <div class="row gif-wrap">
          <div class="col-md-6">
            
              <p lang="en">No record information found.</p>
            
          </div>
          </div>

          <!--单步-->
          
          <div class="material moa main_script" data-trace="None" id="main_script_1">

            <h2 class="header">Step 1 <span class="step_title" lang="en">stop_app</span> <span class="step_title">[2019-05-27 09:49:01]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">stop_app</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">package: org.cocos2d.blackjack</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              

              <!--描述信息-->
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_2">

            <h2 class="header">Step 2 <span class="step_title" lang="en">wake</span> <span class="step_title">[2019-05-27 09:49:04]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">wake</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              

              <!--描述信息-->
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_3">

            <h2 class="header">Step 3 <span class="step_title" lang="en">start_app</span> <span class="step_title">[2019-05-27 09:49:05]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">start_app</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">package: org.cocos2d.blackjack</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">activity: None</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              

              <!--描述信息-->
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_4">

            <h2 class="header">Step 4 <span class="step_title" lang="en">Sleep</span> <span class="step_title">[2019-05-27 09:49:07]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">sleep</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">secs: 2</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>等待2秒</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_5">

            <h2 class="header">Step 5 <span class="step_title" lang="en">Touch</span> <span class="step_title">[2019-05-27 09:49:12]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">touch</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <img class="crop_image" data-width="802" data-height="250" src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1499240443959.png" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1499240443959.png">
                        <!-- 显示截图相关的参数 (供后续的图像识别的调试使用) -->
                        <p class="desc">resolution: [2560, 1536]</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">kwargs: {}</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">times: 1</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">screenshot</span></label>
                  </div>
                  <!-- scale移除文档流， 使用js对screen_place赋值高度来占位 -->
                  <div class="col-xs-9" style="overflow-x:auto; overflow-y:hidden;">
                    <div class="screen_holder">
                      <img class="fancybox scale lazyload" data-src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921750403.jpg" url="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921750403.jpg" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921750403.jpg">
                      
                        
                          <img class="spot animated infinite rubberBand" src="d:/mhtool/airtest/airtest/airtest/report/image/target.png" data-top="243" data-left="1361" style="top:243px;left:1361px;">
                        
                      

                      

                      <!-- rect area -->
                      
                        
                          <div class="rect"  data-left="1080" data-top="156" data-width="563" data-height="175"></div>
                        
                      
                    </div>
                    <br />
                    <div class="screen_place"></div>
                  </div>
                </div>

                
                    <p class="desc"><span class="point glyphicon glyphicon-play"></span><span lang="en">Matching confidence:</span> 0.9819567203521729</p>
                
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>点击 目标图片</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_6">

            <h2 class="header">Step 6 <span class="step_title" lang="en">Assert exists</span> <span class="step_title">[2019-05-27 09:49:13]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">assert_exists</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <img class="crop_image" data-width="265" data-height="125" src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1499240472304.png" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1499240472304.png">
                        <!-- 显示截图相关的参数 (供后续的图像识别的调试使用) -->
                        <p class="desc">resolution: [2560, 1536]</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">msg: 请下注</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">screenshot</span></label>
                  </div>
                  <!-- scale移除文档流， 使用js对screen_place赋值高度来占位 -->
                  <div class="col-xs-9" style="overflow-x:auto; overflow-y:hidden;">
                    <div class="screen_holder">
                      <img class="fancybox scale lazyload" data-src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921753821.jpg" url="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921753821.jpg" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921753821.jpg">
                      
                        
                          <img class="spot animated infinite rubberBand" src="d:/mhtool/airtest/airtest/airtest/report/image/target.png" data-top="371" data-left="960" style="top:371px;left:960px;">
                        
                      

                      

                      <!-- rect area -->
                      
                        
                          <div class="rect"  data-left="867" data-top="328" data-width="186" data-height="87"></div>
                        
                      
                    </div>
                    <br />
                    <div class="screen_place"></div>
                  </div>
                </div>

                
                    <p class="desc"><span class="point glyphicon glyphicon-play"></span><span lang="en">Matching confidence:</span> 0.9783073663711548</p>
                
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>断言目标图片存在</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_7">

            <h2 class="header">Step 7 <span class="step_title" lang="en">Wait</span> <span class="step_title">[2019-05-27 09:49:14]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">wait</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <img class="crop_image" data-width="166" data-height="126" src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1499240490986.png" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1499240490986.png">
                        <!-- 显示截图相关的参数 (供后续的图像识别的调试使用) -->
                        <p class="desc">resolution: [2560, 1536]</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">timeout: None</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">interval: 0.5</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">intervalfunc: None</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">screenshot</span></label>
                  </div>
                  <!-- scale移除文档流， 使用js对screen_place赋值高度来占位 -->
                  <div class="col-xs-9" style="overflow-x:auto; overflow-y:hidden;">
                    <div class="screen_holder">
                      <img class="fancybox scale lazyload" data-src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921754112.jpg" url="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921754112.jpg" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921754112.jpg">
                      
                        
                          <img class="spot animated infinite rubberBand" src="d:/mhtool/airtest/airtest/airtest/report/image/target.png" data-top="48" data-left="103" style="top:48px;left:103px;">
                        
                      

                      

                      <!-- rect area -->
                      
                        
                          <div class="rect"  data-left="45" data-top="4" data-width="116" data-height="88"></div>
                        
                      
                    </div>
                    <br />
                    <div class="screen_place"></div>
                  </div>
                </div>

                
                    <p class="desc"><span class="point glyphicon glyphicon-play"></span><span lang="en">Matching confidence:</span> 0.991927444934845</p>
                
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>等待目标图片出现</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_8">

            <h2 class="header">Step 8 <span class="step_title" lang="en">Touch</span> <span class="step_title">[2019-05-27 09:49:14]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">touch</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">v: [103, 48]</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">kwargs: {}</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">times: 1</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">screenshot</span></label>
                  </div>
                  <!-- scale移除文档流， 使用js对screen_place赋值高度来占位 -->
                  <div class="col-xs-9" style="overflow-x:auto; overflow-y:hidden;">
                    <div class="screen_holder">
                      <img class="fancybox scale lazyload" data-src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921754332.jpg" url="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921754332.jpg" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921754332.jpg">
                      
                        
                          <img class="spot animated infinite rubberBand" src="d:/mhtool/airtest/airtest/airtest/report/image/target.png" data-top="48" data-left="103" style="top:48px;left:103px;">
                        
                      

                      

                      <!-- rect area -->
                      
                    </div>
                    <br />
                    <div class="screen_place"></div>
                  </div>
                </div>

                
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>点击 屏幕坐标 [103, 48]</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_9">

            <h2 class="header">Step 9 <span class="step_title" lang="en">Swipe</span> <span class="step_title">[2019-05-27 09:49:16]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">swipe</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <img class="crop_image" data-width="165" data-height="165" src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1523932626575.png" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1523932626575.png">
                        <!-- 显示截图相关的参数 (供后续的图像识别的调试使用) -->
                        <p class="desc">resolution: [1920, 1080]</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">kwargs: {}</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">vector: [0.0005, -0.4023]</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">v2: None</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">screenshot</span></label>
                  </div>
                  <!-- scale移除文档流， 使用js对screen_place赋值高度来占位 -->
                  <div class="col-xs-9" style="overflow-x:auto; overflow-y:hidden;">
                    <div class="screen_holder">
                      <img class="fancybox scale lazyload" data-src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921755832.jpg" url="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921755832.jpg" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921755832.jpg">
                      
                        
                          <img class="spot animated infinite rubberBand" src="d:/mhtool/airtest/airtest/airtest/report/image/target.png" data-top="742" data-left="449" style="top:742px;left:449px;">
                        
                          <img class="spot animated infinite rubberBand" src="d:/mhtool/airtest/airtest/airtest/report/image/target.png" data-top="742" data-left="449" style="top:742px;left:449px;">
                        
                      

                      
                        
                          
                            <div class="arrow" data-x="0" data-y="-434">
                              <div class="start"></div>
                              <div class="line"></div>
                              <div class="end"></div>
                            </div>
                          
                      

                      <!-- rect area -->
                      
                        
                          <div class="rect"  data-left="367" data-top="660" data-width="165" data-height="165"></div>
                        
                      
                    </div>
                    <br />
                    <div class="screen_place"></div>
                  </div>
                </div>

                
                    <p class="desc"><span class="point glyphicon glyphicon-play"></span><span lang="en">Matching confidence:</span> 0.999932587146759</p>
                
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>滑动操作</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_10">

            <h2 class="header">Step 10 <span class="step_title" lang="en">Assert exists</span> <span class="step_title">[2019-05-27 09:49:16]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">assert_exists</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <img class="crop_image" data-width="322" data-height="143" src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1523933150565.png" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\tpl1523933150565.png">
                        <!-- 显示截图相关的参数 (供后续的图像识别的调试使用) -->
                        <p class="desc">resolution: [1920, 1080]</p>
                      
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">msg: Swipe succeed</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">screenshot</span></label>
                  </div>
                  <!-- scale移除文档流， 使用js对screen_place赋值高度来占位 -->
                  <div class="col-xs-9" style="overflow-x:auto; overflow-y:hidden;">
                    <div class="screen_holder">
                      <img class="fancybox scale lazyload" data-src="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921756747.jpg" url="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921756747.jpg" title="D:\mhTool\airtest\autotest\multi-device-runner\test_blackjack.air\log\721QEBRL2VGKL\1558921756747.jpg">
                      
                        
                          <img class="spot animated infinite rubberBand" src="d:/mhtool/airtest/airtest/airtest/report/image/target.png" data-top="713" data-left="551" style="top:713px;left:551px;">
                        
                      

                      

                      <!-- rect area -->
                      
                        
                          <div class="rect"  data-left="390" data-top="642" data-width="322" data-height="143"></div>
                        
                      
                    </div>
                    <br />
                    <div class="screen_place"></div>
                  </div>
                </div>

                
                    <p class="desc"><span class="point glyphicon glyphicon-play"></span><span lang="en">Matching confidence:</span> 0.9973556995391846</p>
                
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>断言目标图片存在</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="" id="main_script_11">

            <h2 class="header">Step 11 <span class="step_title" lang="en">Test OK</span> <span class="step_title">[2019-05-27 09:49:16]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                

              <!--运行时的截图-->
              

              <!--描述信息-->
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_12">

            <h2 class="header">Step 12 <span class="step_title" lang="en">Sleep</span> <span class="step_title">[2019-05-27 09:49:18]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">sleep</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">secs: 2</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              

              <!--描述信息-->
              
              <p class="desc"><span class="point glyphicon glyphicon-play"></span>等待2秒</p>
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          
          <div class="material moa main_script" data-trace="None" id="main_script_13">

            <h2 class="header">Step 13 <span class="step_title" lang="en">stop_app</span> <span class="step_title">[2019-05-27 09:49:19]</span></h2>
            <hr>
            <div class="step_content">
              <!--单步操作-->

              <!--代码和参数显示-->
                
                <div class="row">
                  <div class="col-xs-3">
                    <div class="point">
                      <span class="glyphicon glyphicon-play"></span>
                    </div>
                      <label><span lang="en">stop_app</span></label>
                  </div>
                  <div class="col-xs-9">
                    
                      
                        <!-- 其他参数 -->
                        <p class="desc">package: org.cocos2d.blackjack</p>
                      
                    
                  </div>
                </div>
                

              <!--运行时的截图-->
              

              <!--描述信息-->
              

              <!--单步结果-->
              
              <div class="alert alert-success">
                <span class="glyphicon glyphicon-ok"></span>
                  <span lang="en">Execution succeeded</span>
              </div>
              

            </div>
          </div>
          

          <!-- 导航栏 -->
          <div class="fast-nav-step">
              <label><span lang="en">Steps navigation</span>
              <button class="btn btn-info btn-sm" id="collapse_nav_step"><i class="glyphicon glyphicon-chevron-down"></i></button>
              <button class="btn btn-info btn-sm" id="expand_nav_step"><i class="glyphicon glyphicon-chevron-up"></i></button>
            </label>
            <div id="nav_steps">
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_1">1</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_2">2</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_3">3</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_4">4</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_5">5</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_6">6</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_7">7</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_8">8</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_9">9</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_10">10</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_11">11</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_12">12</a>
                
              
                
                <a class="a-circle bg-green nav_main_script" href="#main_script_13">13</a>
                
              
              <a class="a-circle bg-green" href="#">Top</a>
            </div>
          </div>


        </div>
      </div>  
    </div>
  
    
    <div class="footer">
        <span lang="en">Related information</span>
    </div> 
    
  
  
  <script src="d:/mhtool/airtest/airtest/airtest/report/js/bootstrap.min.js"></script>

  <!-- hightlight js -->
  <link href="d:/mhtool/airtest/airtest/airtest/report/css/monokai_sublime.min.css" rel="stylesheet">  
  <script src="d:/mhtool/airtest/airtest/airtest/report/js/highlight.min.js"></script>  
  <script >hljs.initHighlightingOnLoad();</script>

  <script>
  $(function() {
      iframe = window.frameElement;
      if (iframe) {
          window.frameElement.setAttribute("allowfullscreen", "allowfullscreen")
      }
    $("#collapse_nav_step").click(function() {
      $("#nav_steps").addClass('collapsed');
      $(this).hide();
      $("#expand_nav_step").show();
    });

    $("#expand_nav_step").click(function() {
      $("#nav_steps").removeClass('collapsed');
      $(this).hide();
      $("#collapse_nav_step").show();
    });
    $("#collapse_nav_step").click();
    $("#collapse_nav_step").hide(); // init
  });

  $(function(){
    var scale = 0.5;
    var imgWidth = 0;
    var imgHeight = 0;
    var imgPercent = 0.5;

    $("img").error(function () {
      var orsrc = $(this).attr("src")
      if(!orsrc){ return }
      if(orsrc.indexOf("report.gif") > -1){
        setTimeout(function(){
          //console.log($(this).attr("src"));
          $(this).attr("src", 'report.gif?timestamp=' + new Date().getTime());
          //console.log($(this).attr("src"));
        }.bind(this), 5000)
        return
      }

      $(this).unbind("error")
      .addClass('error-img')
      .attr("src", "d:/mhtool/airtest/airtest/airtest/report/image/broken.png")
      .attr("orgin-src", orsrc);
    });
    
    //to trigger error event manual 
    $("#gif").attr("src", "report.gif?timestamp=" + new Date().getTime());

    $(".screen_holder").find("img.fancybox").load(function(e){

      imgWidth = Math.max($(this).width(), imgWidth);
      imgHeight = Math.max($(this).height(), imgHeight)
      var dwidth = $("div.material.moa").width()
      if (imgWidth > imgHeight) {
          //图片最大宽度
          var s = (dwidth * imgPercent) / imgWidth
      }
      else {
          var s = (dwidth * imgPercent) / imgHeight
      }
      s = Math.round(s * 100) / 100
      scale_img(s);
    })

    function scale_img(i) {
      $(".crop_image").each(function (e) {
        let width = $(this).data("width")
        let height = $(this).data("height")

        crop_css = {
          "hieght": height * i,
          "width": width * i
        }
        $(this).css(crop_css)
      })

      $(".screen_holder").find("img.fancybox").each(function(e){
        var h = $(this).height();
        var sc = 'scale('+ i +','+ i +')';
        
        var scale_css = {
          '-ms-transform': sc,
          '-webkit-transform': sc,
          '-moz-transform': sc,
          'transform': sc,
        }
        
        $(this).css(scale_css)

        var sp = $(this).siblings('img.spot');
        var rect = $(this).siblings('div.rect');
        var vt = $(this).siblings('div.arrow');

        rect.css({
          'top':rect.data('top') * i ,
          'left':rect.data('left') * i ,
          'width':rect.data('width') * i,
          'height':rect.data('height') * i,
        });

        var top = sp.data('top');
        var left = sp.data('left');
        sp.css({
          'top':top*i,
          'left':left*i,
        });


        var vt_x = vt.data('x') * i;
        var vt_y = - vt.data('y') * i;

        var vt_width = Math.sqrt(vt_x * vt_x + vt_y * vt_y)

        var rotation = 360*Math.atan2(vt_y, vt_x)/(2*Math.PI)
        var rt =  'rotate(' + -rotation + 'deg)';
        var rotate_css = {
          '-ms-transform': rt,
          '-webkit-transform': rt,
          '-moz-transform': rt,
          'transform': rt,
          'transform-origin': '6px 15px',
        };
        console.log(rt)
        vt.css(rotate_css);
        vt.css({
          'top':top*i,
          'left':left*i,
          'width': vt_width
        });

        $(this).parents('.screen_holder').siblings('.screen_place').height(h*i);
      });
    }
    //resize img
    scale_img(scale);

    $(window).resize(function() {
      var ww = $('body').width();
      if (ww < 900){
        scale = 0.25;
      }
      else if (ww < 1100 ){
        scale = 0.3;
      }
      else if( ww < 1300){
        scale = 0.4;  
      }else{
        scale = 0.5;
      }

      if(imgWidth != 0){
        //实时计算
        var dwidth = $("div.material.moa").width()
        if (imgWidth > imgHeight) {
            //图片最大宽度
            var scale = (dwidth * imgPercent) / imgWidth
        }
        else {
            var scale = (dwidth * imgPercent) / imgHeight
        }
        // scale = (dwidth*imgPercent)/imgWidth
        // scale = Math.round(scale * 100) / 100
      }

      scale_img(scale)
    });
    $(window).resize();
    // 延迟加载图片
    lazyload();

    // 自动收缩过长的脚本描述
      var descHeight = 100;
      if ($('.desc-content').height() > descHeight) {
          $(".airdesc-wrap .airdesc").css({height: descHeight+"px"});
      }
    $(".airdesc-wrap").off('click').on('click','.glyphicon-chevron-down', function () {
        $(".airdesc").animate({height: $('.desc-content').height()}, "slow");
        $(this).removeClass('glyphicon-chevron-down glyphicon-chevron-up').addClass('glyphicon-chevron-up');
    }).on('click','.glyphicon-chevron-up', function () {
        if ($('.desc-content').height() > descHeight) {
            $(".airdesc").animate({height: descHeight + "px"}, "normal");
        }
        $(this).removeClass('glyphicon-chevron-down glyphicon-chevron-up').addClass('glyphicon-chevron-down');
    });
    $(".airdesc").on("click", function () {
        if ($(".airdesc-wrap .glyphicon-chevron-down").length > 0) {
            $(".airdesc-wrap .glyphicon-chevron-down").trigger("click");
        } else {
            $(".airdesc-wrap .glyphicon-chevron-up").trigger("click");
        }
    })
  });
  </script>

  <script>
  $(window).resize();
  </script>
  </body>
</html>